<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>
		<ul>
			<li>
				<a href="img/001.jpg" title="aa" onclick="showPic(this); return false;">001</a>
			</li>
			<li>
				<a href="img/002.jpg" title="bb" onclick="showPic(this); return false;">002</a>
			</li>
			<li>
				<a href="img/003.jpg" title="cc" onclick="showPic(this); return false;">003</a>
			</li>
		</ul>

		<img id="place" src="img/001.jpg" alt="000" />
		<p id="des"></p>
		<script type="text/javascript">
			function showPic(whichpic){
				var source = whichpic.getAttribute("href");
				var place = document.getElementById("place");
				place.setAttribute("src",source);
				var text = whichpic.getAttribute("title");
				console.log(text);
				//var des = document.getElmentById("des");
				//des.firstChild.nodeValue = text;
			}
		</script>
	</body>
</html>
